<template>
	<!-- wifi列表 -->
	<view class="page boxAllTwo themeBga">

		<!-- 广告位 -->
		<view class="adver"></view>
		<!-- 内容区 -->
		<view class="mt20">附近WIFI列表</view>
		<view class="contentBox themeMask mt20 mb20 border12 ">
			<scroll-view scroll-y class="scrollView">
				<view class="flex justifyBetween borderBtmE mb20" v-for="(item,index) in 15" :key="index">
					<view class="fz28">wifi名称</view>
					<view class="flex">
						<image src="/static/images/wifi/lock.png" style="width: 36rpx;height: 36rpx;"></image>
						<image src="/static/images/wifi/wifi.png" style="width: 36rpx;height: 36rpx;margin: 0 20rpx;">
						</image>
						<view class="themeColor fff border12" style="padding: 4rpx 20rpx;">一键连接</view>
					</view>
				</view>
			</scroll-view>
			<view class="flex justifyBetween mt60">
				<view class="botmBtn btnHollow border12">刷新列表</view>
				<view class="botmBtn btnSolid border12">一键连接最优</view>
			</view>
		</view>
		


	</view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
	.page {
		overflow: hidden;
		height: 100vh;
	}

	// 内容区
	.contentBox {
		padding: 32rpx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		height: 900rpx;
	}

	.scrollView {
		flex: 1;
		height: 100%;
		overflow: hidden;
	}
</style>